$width-int: 265px;
$height-int: 32px;
$width-int-register: 320px;
// $height-int-register: 36px;
$height-int-register: 32px;
$width-int-register-small: 150px;
@mixin save-btn {
    width: $width-int-register;
    height: $height-int-register;
    background: $__color-primary;
    color: #fff;
}
@mixin register-form-int {
    width: $width-int-register;
    height: $height-int-register;
}
.register-btn-text {
    color: $__color-show;
}
.register-btn-link {
    color: $__color-link;
}
.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: $__color-check;
    border-color: $__color-check;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: $__color-check;
    border-color: $__color-check;
}
.el-checkbox__inner:hover {
    border-color: $__color-border;
}
.submit-btn {
    .el-button--primary {
        height: $height-int-register;
    }
    .el-button--info {
        height: $height-int-register;
        background: $__color-border;
        border: none;
    }
    .el-button--medium {
        width: $width-int-register;
    }
    .el-button--small {
        width: $width-int-register-small;
    }
}


@mixin user-media {
    @media only screen and (max-width: 1199px) {
        margin: 12.9rem 18.2% 12.9rem 43%;
    }
    @media only screen and (min-width: 1200px) {
        margin: 12.9rem 18.2% 12.9rem 43%;
    }
    @media only screen and (min-width: 1201px) and (max-width: 1280px) {
        margin: 12.9rem 13.2% 12.9rem 50%;
    }
    @media only screen and (min-width: 1281px) and (max-width: 1440px) {
        margin: 12.9rem 13.2% 12.9rem 54%;
    }
    @media only screen and (min-width: 1441px) and (max-width: 1500px) {
        margin: 12.9rem 18.2% 12.9rem 52%;
    }
    @media only screen and (min-width: 1501px) and (max-width: 1920px) {
        margin: 12.9rem 18.2% 12.9rem 54%;
    }
    background: #fff;
    display: flex;
    justify-content: flex-end;
}
@mixin base-btn-submit-320 {
    width: $width-int-register;
    height: $height-int-register;
    background: $__color-primary;
    border: 1px solid $__color-primary;
    padding: 0;
}
@mixin base-btn-submit-150 {
    width: 150px;
    height: $height-int-register;
    background: $__color-primary;
    border: 1px solid $__color-primary;
    padding: 0;
}
@mixin base-btn-close-150 {
    width: 150px;
    height: $height-int-register;
    background: $__color-border;
    border: 1px solid $__color-border;
    padding: 0;
}
.custom-message-box {
    .el-message-box__header {
        padding: 0;
        height: 60px;
        background: $__color-bg-primary;
        display: flex;
        justify-content: center;
        align-items: center;
        .el-message-box__close{
            font-size: 24px;
        }
    }
    .el-message-box__message {
        text-align: center;
    }
    .el-message-box__content{
        padding: 30px 15px;
    }
    width: 560px !important;
    padding-bottom: 0px !important;
    .el-message-box__btns {
        text-align: center;
        padding: 0px;
        padding-bottom: 30px;
        .el-button--default {
            @include base-btn-close-150;
            font-size: $__little-font-size;
            color: #fff;
            &:hover{
                color: #fff;
            }
        }
        .el-button--primary {
            @include base-btn-submit-150;
            font-size: $__little-font-size;
        }
    }
}
